<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>试卷管理</title>
		<!-- 图标样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<link rel="stylesheet" href="css/examemanage.css" />
	</head>
	<body>
		<!-- 左侧菜单 -->
		<div class="sidebar">
			<div class="menu-item" id="admin-info-management" onclick="window.location.href = 'manageindex.html'">
				<i class="fas fa-user-shield"></i>
				<span>管理员信息管理</span>
			</div>
			<div class="menu-item" id="class-info-management" onclick="window.location.href = 'manageclass.html'">
				<i class="fas fa-users"></i>
				<span>班级信息管理</span>
			</div>
			<div class="menu-item" id="student-info-management"
				onclick="window.location.href = 'studentinfomanage.html'">
				<i class="fas fa-user-graduate"></i>
				<span>考生信息管理</span>
			</div>
			<div class="menu-item" id="student-score" onclick="window.location.href = 'studentscore.html'">
				<i class="fas fa-chart-line"></i>
				<span>考生成绩查询</span>
			</div>
			<div class="menu-item" id="course-info-manage" onclick="window.location.href = 'managecourse.html'">
				<i class="fas fa-book"></i>
				<span>课程信息管理</span>
			</div>
			<div class="menu-item" id="exame-manage" onclick="window.location.href = 'testmanage.html'">
				<i class="fas fa-tasks"></i>
				<span>考试题目管理</span>
			</div>
			<div class="menu-item" id="exame-info-manage">
				<i class="fas fa-file-alt"></i>
				<span>试卷管理</span>
			</div>
			<div class="menu-item" id="logout" onclick="confirmExit()">
				<i class="fas fa-sign-out-alt"></i>
				<span>退出后台管理</span>
			</div>
		</div>
		<!-- 主要内容区域 -->
		<div class="main-content">
			<!-- 顶部导航 -->
			<div class="nav-box">
				<div class="logo">
					<img src="./img/examicon.svg" alt="Logo">
					<h1>在线考试网后台管理</h1>
				</div>
			</div>

			<!-- 面包屑导航 -->
			<div class="content-wrapper">
				<div class="breadcrumb">
					<span class="breadcrumb-text">当前位置:考试题目管理>>></span>
					<span class="admin-info">当前管理员:wyh</span>
				</div>
			</div>

			<!-- 内容区域 -->
			<div class="content-box">
				<div class="search-area">
					<div class="search-inputs">
						<input type="text" class="search-input" placeholder="搜索试卷名称">
						<select class="filter-select">
							<option value="">选择科目</option>
							<option value="javaee">JavaEE</option>
							<option value="python">Python</option>
							<option value="database">数据库</option>
						</select>
						<select class="filter-select">
							<option value="">考试类型</option>
							<option value="midterm">期中考试</option>
							<option value="final">期末考试</option>
							<option value="quiz">随堂测验</option>
						</select>
					</div>
					<button class="add-btn" onclick="window.location.href = 'exameadd.html'">+ 新建试卷</button>
				</div>

				<table>
					<thead>
						<tr>
							<th>序号</th>
							<th>试卷名称</th>
							<th>科目</th>
							<th>题目数量</th>
							<th>分值</th>
							<th>考试时间</th>
							<th>创建人</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>JSP与Servlet单元测试</td>
							<td>JavaEE</td>
							<td>25</td>
							<td>150</td>
							<td>2024-03-15 14:30-15:30</td>
							<td>王老师</td>
							<td><span class="status-active">启用</span></td>
							<td>
								<button class="action-btn">编辑</button>
								<button class="action-btn delete-btn">删除</button>
							</td>
						</tr>
						<tr>
							<td>2</td>
							<td>2018年期末考试</td>
							<td>JavaEE</td>
							<td>30</td>
							<td>150</td>
							<td>2024-03-14 09:15-11:00</td>
							<td>王老师</td>
							<td><span class="status-active">启用</span></td>
							<td>
								<button class="action-btn">编辑</button>
								<button class="action-btn delete-btn">删除</button>
							</td>
						</tr>
					</tbody>
				</table>

				<div class="table-footer">
					<div class="page-info">每页显示: 10条</div>
					<div class="pagination">
						<button class="page-btn">上一页</button>
						<button class="page-btn active">1</button>
						<button class="page-btn">2</button>
						<button class="page-btn">3</button>
						<button class="page-btn">下一页</button>
					</div>
				</div>
			</div>
		</div>
		<script src="js/examemanage.js"></script>
		<script src="js/exit.js"></script>
	</body>
</html>